
<main class="flex w-full h-full shadow-lg rounded-3xl">
  <section class="flex flex-col w-4/12 h-full pt-3 overflow-y-scroll bg-gray-50">
    <ul class="mt-6">
      <!-- story item component with for loop -->
    </ul>
  </section>
  <section class="flex flex-col w-8/12 px-4 bg-white rounded-r-3xl">
    <section>
      <ul>
        <!-- comment component with for loop -->
      </ul>

    </section>

    <!-- send component -->
  </section>
</main>
